<template>
  <div class="bk-c-w item-ct">
    <div class="font-line">2019-01~2019-02社保公积金+工资订单</div>
    <div class="flex c-outer">
      <div class="content-ct">
        <div class="flex jc-sb font-line">
          <div>办理城市</div>
          <div>北京海淀</div>
        </div>
        <div class="flex jc-sb font-line">
          <div>应付金额</div>
          <div>343423</div>
        </div>
      </div>
      <div class="flex-c img-ct">
        <img src="/static/images/del.png" class="del-img">
      </div>
    </div>
    <div class="flex-c jc-sb btn-ct">
      <div class="c-a5 font-line">2019.02.01 01:27</div>
      <div v-if="isPay">
        <div class="cm-btn pay-btn">去支付</div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data () {
    return {
      aInnerList: [] // 内部图片列表
    }
  },
  props: ['picList', 'isPay'],
  mounted: function () {},
  computed: {},
  methods: {}
}
</script>
<style lang="scss" scoped>
@import "@/style/mixin";
.item-ct {
  padding: cmSize(30) cmSize(50);
  margin-top: cmSize(40);
}
.font-line{
    height: cmSize(100);
    line-height: cmSize(100);
}
.c-outer {
  border-top: 1px solid #9b9b9b;
  border-bottom: 1px solid #9b9b9b;
}
.content-ct {
  flex: 1 1 3rem;
}
.img-ct {
  flex: 0 0 cmSize(120);
  .del-img {
    width: cmSize(60);
    height: cmSize(60);
  }
}
.btn-ct {
  padding-top: cmSize(20);
}
.login-ct {
  padding: cmSize(80) cmSize(40);
}
.pay-btn {
  width: cmSize(260);
  height: cmSize(120);
  line-height: cmSize(120);
}
.protel-ct {
  padding: 0 cmSize(40);
}
</style>
